
/*****************************/
/** SLIDER **/
#sliderArea{
    width: 900px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    /*background-color:  #DADADA;*/
    background-image: url('../../images/sliderAreaback.png');
    overflow: hidden;
}
#sliderImage{
    width: 900px;
    height: 100%;
    float: left;
    overflow: hidden;
}
#sliderImageUL{
    width: 2700px;
    float: left;
    position: relative;
}
#sliderImageUL li{
    width: 900px;
    float: left;
    
}

#circle{

    width: 100px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
}
#circle ul{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
    padding-top: 5px;
    list-style: none;
}
#circle ul li{
    height: 10px;
    width: 10px;
    float: left;
    margin-left: 5px;
}
.circle{
    background-repeat: no-repeat;
    background-image: url('../../images/circle.png');
}
.selectedCircle{
    background-image: url('../../images/selectedCircle.png');
}
